<template>
    <div class="page">
        <img src="@/assets/awards-bg.jpg" alt="" class="bg" />
        <div class="container">
            <div class="title">
                <span>三大类奖项</span>
            </div>
            <div class="wrapper">
                <div class="tips">单一奖项排名不分先后</div>
                <div class="desc">
                    “中国猎车榜”是由每日经济新闻主办的大型汽车行业评选活动，迄今为止已成功举办十余届。在行业专家、企业和媒体朋友的大力支持下，“中国猎车榜”已成长成为行业最具权威和影响力的专业评选之一。活动评选范围涵盖所有整车企业及汽车产业链上下游企业，以及市场上所有的相关产品，是公众了解汽车品牌、产品、团队的绝佳窗口。
                </div>
                <div class="list">
                    <div
                        class="item"
                        v-for="item in list"
                        @click="$router.push({ path: `subAwardsList/${item}` })"
                    >
                        {{ item }}
                    </div>
                </div>

                <img src="@/assets/logo1.png" alt="" class="logo" />
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
    import { onMounted, ref } from "vue";
    import data0 from "../data/data0";
    const list = ref();
    onMounted(() => {
        initList();
    });
    const initList = () => {
        let set = new Set();
        data0.forEach((item) => {
            set.add(item.type);
        });
        list.value = [...set];
    };
</script>

<style lang="scss" scoped src="./AwardsList.scss"></style>
